ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
body {font-size:75%;color: #333;line-height:1.65em;font-family:Arial,Verdana,sans-serif;;padding:0; margin:0;}
h1 {font-size: 19px;color: #165ca3;}
h2 {font-size: 15px;;color: #165ca3;}
img{border-style:none;}
ul.error li{color:red; list-style-type: none; font-weight: bold;color:red; text-align: center;}
.error {color:red}
input.date {background: white url('/images/calendar.png') no-repeat right;border: 1px solid #CCCCCC;padding-right: 20px;padding: 0.2em}
.obal{width:978px; margin:0px auto;}
.obal .logged-user{width:978px;  background-color: #000; color:#fff;margin:0; padding:10px;}
.obal .logged-user .logged{float:left;}
.obal .logged-user .logout{float:right;}
.obal .logged-user .logout a{color:#fff; text-decoration: none;}
.obal .logged-user .logout a:hover{text-decoration: underline;}

.obal .header {width:978px; padding:10px;}

.obal .leftcol {float:left; width: 200px; padding:10px;}
.obal .leftcol #navigation {margin:0px auto;}

.obal .flash {text-align: center; background-color:lightgreen; border:2px solid green; margin-bottom: 10px; font-weight: bold;}

.obal .content {margin-left:230px;width: 748px; padding:10px; border-left:1px solid black; min-height: 300px;}
.obal .content h3{border-bottom: 1px solid black; margin-bottom: 10px; padding-bottom: 5px;}

.obal .content .center_form table td{text-align:left;}
.obal .content .center_form table tbody th{text-align:right;}
.obal .content  table.form {margin:0px auto;}
.obal .content table {border-collapse: collapse;}
.obal .content table td {text-align:center;}
.obal .content table td em{color:red;}
.obal .content table td.label{text-align:right}
.obal .content table td.data{min-width:60px; text-align:left; padding:2px 15px;}
.obal .content table td.picture{border:1px solid #cccccc; padding: 15px;}
.obal .content table tr.even {background-color:#e7e7e7; min-width: 60px;}
.obal .content table tr.odd { min-width: 60px;}
.obal .content table tr.data_row td{text-align:center;}
.obal .content table tr.data_row:hover {background-color:lightgray;}
.obal .content table tr.password {display:none;}
.obal .content table thead {background-color:#2FA9C8;color:#fff;}
.obal .content table thead th{padding:5px; text-align:center;}
.obal .content table label {font-weight:bold; text-align:right; margin-right:7px;}
.obal .content table input {width:150px; border:1px solid #cccccc; padding:0.2em}
.obal .content table select {width:157px; border:1px solid #cccccc; padding:0.2em}
.obal .content table input.date {width:150px}
.obal .content .button {background-color:lightblue; width:75px;}
.obal .content .button:hover {background-color: #f90;}
.obal .content .buttons {margin: 0px auto; text-align:right; width:225px}
.obal .content .center_table {margin: 0px auto;}
.obal .content .center_form form table {margin: 0px auto;}
.obal .content .zapas_hrac_left{float:left; width:370px;}
.obal .content .zapas_hrac_right{float:right; width:370px;}

.login{width:220px; margin:100px auto;}
.login .form{border: 2px solid; padding: 10px; background-color: lightblue;}
.login .form input { border:1px solid #cccccc; padding:0.2em;}
.login .flash{background-color: lightgreen; text-align:center; font-weight: bold; width:100%; margin-bottom: 10px}


/* Clearfix */
.clearfix:after {display: block;clear: both;visibility: hidden;height: 0;font-size: 0;content: ' ';}
.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}
/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */



#navigation {font-size:12px; width:150px;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;} 

ul.top-level {background:#2FA9C8;}
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

#navigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
 width:150px;
}
#navigation a:hover{
 text-decoration:underline;
}

#navigation li:hover {
 background: #f90;
 position: relative;
}
ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 95px;
    top: 5px;
}